<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>办卡评估</title>

    <!-- styles here -->
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../css/Public_CSS.css">
    <link rel="stylesheet" href="../css/style.css">
</head>

<body>

    <div class="card-assess-page">
        <div class="banner-back">
            <span onclick="window.history.back()">
                <i>返回</i>
            </span>办卡评估
        </div>
        <div class="scroll-y">
            <div class="limit">
                <h1 class="assess-title">信用卡额度</h1>
                <ul>
                    <li>
                        <a href="javascript:;" class="btn" value="0">最高额度3万以下</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="1">最高额度5万以下</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="2">最高额度10万以下</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="3">最高额度30万以下</a>
                    </li>
                </ul>
            </div>
            <div class="work">
                <h1 class="assess-title">工作信息</h1>
                <ul>
                    <li>
                        <a href="javascript:;" class="btn" value="0">普通上班族</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="1">白领上班族</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="2">公务员事业单位</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="3">个体工商户</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="4">企业主</a>
                    </li>
                </ul>
            </div>
            <div class="company">
                <h1 class="assess-title">单位信息</h1>
                <ul>
                    <li>
                        <a href="javascript:;" class="btn" value="0">国有</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="1">机关事业</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="2">外商独资</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="3">民营</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="4">合资/合作</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="5">股份制</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="6">个体私营</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="7">其他</a>
                    </li>
                </ul>
            </div>
            <div class="sb">
                <h1 class="assess-title">社保情况</h1>
                <ul>
                    <li>
                        <a href="javascript:;" class="btn" value="0">无</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="1">缴纳半年</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="2">缴纳1年</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="3">缴纳1年以上</a>
                    </li>
                </ul>
            </div>
            <div class="work">
                <h1 class="assess-title">可提供工作证明</h1>
                <ul>
                    <li>
                        <a href="javascript:;" class="btn" value="0">工牌</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="1">营业执照</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="2">工作证明</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="3">名片</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="btn" value="4">无工作证明</a>
                    </li>
                </ul>
            </div>
            <div class="next">
                <a onclick="next()" class="btn btn-red">下一步</a>
            </div>
        </div>
    </div>

    <!-- scripts here -->
    <script type="text/javascript" src="../js/main.js"></script>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script>
        $(function () {
            $(".limit li a").click(function () {
                $(".limit li a").removeClass("selected");
                $(this).addClass("selected");
                sessionStorage.setItem("cardMoney", $(this).attr("value"));
            });
            $(".sb li a").click(function () {
                $(".sb li a").removeClass("selected");
                $(this).addClass("selected");
                sessionStorage.setItem("social", $(this).attr("value"));
            });
            $(".work li a").click(function () {
                $(".work li a").removeClass("selected");
                $(this).addClass("selected");
                sessionStorage.setItem("work", $(this).attr("value"));
            });
            $(".company li a").click(function () {
                $(".company li a").removeClass("selected");
                $(this).addClass("selected");
                sessionStorage.setItem("company", $(this).attr("value"));
            });
            $(".work li a").click(function () {
                $(".work li a").removeClass("selected");
                $(this).addClass("selected");
                sessionStorage.setItem("workProve", $(this).attr("value"));
            });
        });

        function next() {
            window.location.href = "accessPost.html";
        }
    </script>

</body>

</html>